<#global base>${request.contextPath}</#global>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <title>统一登录</title>
  <link rel="stylesheet" type="text/css" href="${base}/static/style/login.css">
  <link type="text/css" href="${base}/static/js/layui/css/modules/layer/default/layer.css">
</head>
<body>

<div class="login-container">
  <div class="top-logo">
<#--    <img src="${base}/static/images/" alt="">-->
  </div>
  <div class="account-header">

  </div>
  <div class="account-container">
    <div class="account-top">
      <div class="account-top-logo">
        LOGO
      </div>
      <div class="account-top-desc">******</div>
    </div>
    <div class="account-login">
      <form action="${base}/login" method="POST" onsubmit="return false;">
        <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}">
        <div class="form-item">
          <input type="text" class="input" id="username" name="username" value="" placeholder="请输入用户名">
          <span class="icon icon-username">
                        <img src="${base}/static/images/icon/username.svg" alt="">
                    </span>
        </div>

        <div class="form-item">
          <input type="password" class="input" id="password" name="password" value=""
                 placeholder="请输入密码">
          <span class="icon icon-password">
                        <img src="${base}/static/images/icon/password.svg" alt="">
                    </span>
        </div>
        <div class="form-item">
          <div class="remember-me-container">
            <input type="checkbox" id="rememberMe" name="remember-me"/>
            <label for="rememberMe">7日免登陆</label>
          </div>
        </div>
        <div class="login-submit">
          <button type="submit" id="login-btn" class="btn btn-primary btn-long btn-large">
            <span>登录</span>
          </button>
        </div>
      </form>
    </div>
  </div>
  <div class="footer-container">
    <div class="footer-copyright">
      Copyright All Rights Reserved <a href="#"></a>
    </div>
  </div>
</div>
<script type="text/javascript" src="${base}/static/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/static/js/layui/layui.js"></script>
<script type="text/javascript" src="${base}/static/js/crypto-js/min.js"></script>
<script type="text/javascript" src="${base}/static/js/crypto-js/util.js"></script>
<script>
    var base = "${base}"
    var token = "${_csrf.token}"
</script>
<script type="text/javascript" src="${base}/static/js/login.js"></script>
</body>
</html>
